import React from 'react';
import classes from './index.module.css';
import classnames from 'classnames';
import { ShowGameAthleteInfo } from '@/types/game.page';

export default function ShowPoints({ info }: { info: ShowGameAthleteInfo }) {
  return (
    <div className={classes.ScoreBox}>
      <div className={classes.ScoreRow}>
        <span
          className={classnames('iconfont', info.icon, classes.TopIcon)}></span>
        <span className={classes.AthleteName}>{info.name}</span>
      </div>
      <div className={classes.ScorePoint}>
        {info.score >= 0 ? '+' : ''}
        {info.score}
      </div>
    </div>
  );
}
